/* pages/newIndex/index.wxss */
.container{
  .tabBox{
    width: 100%;
    height: 100rpx;
    background-color: white;
    .tab{
      .tabs{
        height: 120rpx;
      }
    }
    .searchBox{
      .search{
        height: 90rpx;
        padding: 0;
      }
    }
  }
  .mapBox{
    margin-bottom: 10rpx;
    .pullBox{
      background-color: white;
      padding: 10rpx 0 10rpx 0;
      text-align: center;
      color: #b3b3b3;
    }
  }

  .stationListBox{
    width: 100%;
    position: relative;
    padding-bottom: 10rpx;
    .stationItemBox{
      position: relative;
      width: 95%;
      height: 200rpx;
      margin: 20rpx auto;
      border-radius: 8rpx;
      background-color: white;
      .contentBox{
        position: relative;
        width: 100%;
        height: 200rpx;
        .content{
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          width: 90%;
          height: 90%;
          font-size: var(--small-font-size);
          color: #808080;
      
          .name{
            font-size: var(--main-font-size);
            font-weight: bold;
            color: black;
          }
        }
      }
      .btnBox{
        position: relative;
        width: 100%;
        height: 200rpx;
        .btn{
          position: relative;
          top: 50%;
          transform:translateY(-50%);
          width: 100%;
          height: 160rpx;
          border-left: 1rpx solid #b3b3b3;
          .innerBox{
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            height: 80%;
            width: 80%;
            .distance{
              width: 100%;
              text-align: center;
              font-size: var(--small-font-size);
            }
            .funcBtn{
              .func{
                text-align: center;
              }
            }
          }
        }
      }
    }
  }
}